<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="static/favicon.ico"/>
    <link rel="stylesheet" href="../src/css/test.css">
    <title>慕课网ES课程</title>
</head>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    html,body{
        width: 100%;
        height: 100%;
    }
</style>
<body>
<!--<h1>Hello ECMAScript</h1>-->
<!--<div class="a"></div>-->
<!--<script src="static/2-1.js"></script>-->
<!--&lt;!&ndash; <button id="btn">点我</button> &ndash;&gt;-->
<!--<div id='app'>-->
<!--    <input type="text" id="textValue">-->
<!--    <p id="showTextValue"></p>-->
<!--</div>-->
<!--<div style="width: 100%;height: 100%;display: flex;">-->
<!--    <div style="width: 100px">1</div>-->
<!--    <div style="flex: 1">2</div>-->
<!--</div>-->
<!--<div style="width: 100%;height: 100%;">-->
<!--    <div style="width: 100px;float: left;height: 100%">1</div>-->
<!--    <div style="width: calc(100% - 100px);float: right;height: 100%">2</div>-->
<!--</div>-->
    <script src="static/2-1.js"></script>
</body>
<!--<script>-->
<!--    var obj = {}-->
<!--    Object.defineProperty(obj, 'textValue', {-->
<!--        get() {-->
<!--            return obj.textValue-->
<!--        },-->
<!--        set(newValue) {-->
<!--            document.getElementById("textValue").value = newValue-->
<!--            document.getElementById("showTextValue").innerText = newValue-->
<!--        }-->
<!--    })-->
<!--    document.addEventListener('keyup', e => {-->
<!--        obj.textValue = e.target.value-->
<!--    })-->
<!--</script>-->
</html>